<template>
  <div id="errorpage">
    <div class="tfans_error">
      <div class="logo"></div>
      <div class="errortans clearfix">
        <div class="e404"></div>
        <p><b>出错啦！</b></p>
        <p>您访问的页面不存在</p>
        <div class="bt">
          <router-link class="a" to="/home">返回首页</router-link>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>


</script>

<style lang="less" scoped>
#errorpage {
  width: 600px;
  text-align: center;
  padding: 150px 0;
  margin: 0 auto;
  height: 360px;
  .logo {
    display: block;
    float: left;
    height: 303px;
    width: 256px;
    background: url('../../assets/img/tfans.jpg');
  }

  .errortans {
    margin: 0;
    text-align: left;
    float: left;
    z-index: 5;
    height: 300px;
    position: relative;
    padding: 80px 0 0 24px;

    p {
      font-size: 18px;
      font-weight: bold;
      padding-top: 30px;
      b {
        font-size: 38px;
      }
    }

    .bt {
      margin-top: 30px;
      .a {
        background: #fe3a3b;
        padding: 9px 46px 11px;
        *padding: 7px 24px 9px;
        color: #fff;
        border: 0;
        font-size: 14px;
      }
    }

    .e404 {
      display: inline-block;
      position: absolute;
      top: -60px;
      left: 145px;
      height: 164px;
      width: 150px;
      background: url('../../assets/img/404.jpg');
    }
  }
}
</style>
